<template>
  <ul>
    <a-button type="primary" @click="add">add</a-button>
    <li v-for="(item, index) in list" :key="index" @click="modify(index)">{{ item.name }}</li>
  </ul>
</template>

<script>
export default {
  data () {
    return {
      list: [
        {name: '小a'},
        {name: '小b'},
        {name: '小c'},
      ]
    }
  },
  methods: {
    add() {
      this.list.push({name: '小' + this.list.length + 1})
    },
    modify(index) {
      this.list[index].name += '3'
    }
  }
}
</script>